<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-首页</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入轮播插件的样式 -->
    <link rel="stylesheet" href="./lib/plugins/slider/css/slider.css">
    <!-- 引入当前文件样式  -->

    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./lib/slider/css/style.css">

</head>

<body>
    <!-- 头部显示 -->
    <div class="topsearch">
        <div class="container">
            <!-- search 搜索 -->
            <div class="search clearfix">
                <p class="clearfix">
                    <span>LeGou</span>
                    <input type="button" class="fr inp-search mr36">
                    <input type="text" placeholder="创意文具" class="fr inp">
                </p>
            </div>
        </div>
    </div>
    <!--1 头部 header  -->
    <div id="header" class="header">
        <!-- head-top -->
        <div class="bgc10 container-fluid">
            <div class="head-top container clearfix">
                <a href=""><img class="fl" src="./img/logo-index.jpg" alt=""></a>
                <p class="fl fs18">legochina. cn</p>
                <p class="fr">欢迎光临 <a href="./page/login.html">乐购</a> ,请 &nbsp; 登录\ <a href="./page/register.html">注册</a></p>
            </div>
        </div>
        <div class="head container">
            <!-- search 搜索 -->
            <div class="search clearfix">
                <p class="head-shop fr">
                    <a class="shopcar pr" href="./page/shopcar.html"> <span class="shop-img"></span> 购物车 <span>3</span></a>
                    <a class="shopd" href="">我的订单</a>
                </p>
                <p class="clearfix" style="height: 36px;">
                    <input type="button" class="fr inp-search mr36">
                    <input type="text" placeholder="创意文具" class="fr inp">
                </p>
            </div>
            <!-- 导航 -->
            <div class="container  clearfix head-nav">
                <ul class="fl">
                    <li><a href="#">图书</a></li>
                    <li><a href="#">电子书</a></li>
                    <li><a href="#">原创文学</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">户外运动</a></li>
                    <li><a href="#">孕婴童</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">创意文具</a></li>
                    <li><a href="#">地方特产</a></li>
                    <li><a href="#">海外购</a></li>
                    <li><a href="#">电器城</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 2 菜单 广告位 -->
    <div id="smenu" class="container clearfix">
        <div class="fl menu">
            <ul>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">图书</a> 、
                        <a href="#" class="menu-link">电子书</a>、
                        <a href="#" class="menu-link">童书</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>文艺</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>生活</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">创意文具</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>进口书刊</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">服饰</a> 、
                        <a href="#" class="menu-link">内衣</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>国内书刊</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>军事</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>文化</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">鞋靴</a> 、
                        <a href="#" class="menu-link">箱包</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>文艺</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>生活</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">户外运动</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>进口书刊</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">孕</a> 、
                        <a href="#" class="menu-link">婴</a>、
                        <a href="#" class="menu-link">童</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>国内书刊</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>军事</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>文化</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">家居</a> 、
                        <a href="#" class="menu-link">家纺</a>、
                        <a href="#" class="menu-link">汽车</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>文艺</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>生活</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">家居</a> 、
                        <a href="#" class="menu-link">家装</a>、
                        <a href="#" class="menu-link">康体</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>进口书刊</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">美妆</a> 、
                        <a href="#" class="menu-link">个人护理</a>、
                        <a href="#" class="menu-link">成人</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>国内书刊</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>军事</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>文化</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">食品</a> 、
                        <a href="#" class="menu-link">茶酒</a>、
                        <a href="#" class="menu-link">生鲜</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>文艺</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>生活</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">腕表</a> 、
                        <a href="#" class="menu-link">珠宝</a>、
                        <a href="#" class="menu-link">眼镜</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>进口书刊</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">手机</a> 、
                        <a href="#" class="menu-link">数码</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>国内书刊</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>军事</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>文化</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">电脑办公</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>文艺</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>生活</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="menu-item">
                    <p class="link-wrop">
                        <a href="#" class="menu-link">家用电器</a>
                    </p>
                    <!-- 子菜单 -->
                    <div class="menu-son">
                        <p class="fs12">图书馆&gt;&gt;&emsp; 儿童书馆&gt;&gt;&emsp; 电子书馆&gt;&gt;&emsp;</p>
                        <dl>
                            <dt>进口书刊</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                            <dt>人文社科</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">历史</a>
                                <a class="mes-link" href="#">政治军事</a>
                                <a class="mes-link" href="#">文化</a>
                            </dd>
                            <dt>管理</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">经济</a>
                                <a class="mes-link" href="#">投资理财</a>
                                <a class="mes-link" href="#">金融</a>
                            </dd>
                            <dt>励志</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                                <a class="mes-link" href="#">励志成功</a>
                                <a class="mes-link" href="#">职场</a>
                                <a class="mes-link" href="#">心灵修养</a>
                            </dd>
                            <dt>教育</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">互联网</a>
                                <a class="mes-link" href="#">心理学</a>
                                <a class="mes-link" href="#">法律</a>
                            </dd>
                            <dt>科技</dt>
                            <dd>
                                <a class="mes-link" href="#">小说</a>
                                <a class="mes-link" href="#">文学</a>
                                <a class="mes-link" href="#">传记</a>
                                <a class="mes-link" href="#">青春</a>
                                <a class="mes-link" href="#">动漫</a>
                                <a class="mes-link" href="#">艺术</a>
                                <a class="mes-link" href="#">摄影</a>
                                <a class="mes-link" href="#">明星</a>
                            </dd>
                        </dl>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div class="banner fr">
            <p id="loading">loading...</p>
            <div id="images">
                <div class="lighten">
                    <img src="./lib/slider/img/lighten1.jpg" alt="" />
                    <img src="./lib/slider/img/lighten4.jpg" alt="" />
                    <img src="./lib/slider/img/lighten2.jpg" alt="" />
                    <img src="./lib/slider/img/lighten2.jpg" alt="" />
                </div>
                <div class="normal">
                    <img src="./lib/slider/img/banner6.jpg" alt="" />
                    <img src="./lib/slider/img/banner4.jpg" alt="" />
                    <img src="./lib/slider/img/banner3.jpg" alt="" />
                    <img src="./lib/slider/img/banner5.jpg" alt="" />
                </div>
                <nav>
                    <ul>
                        <li class="pre"></li>
                        <li class="next"></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <!-- 3 今日推荐 recommend -->
    <div id="recommend" class="recommend mt10 container">
        <!-- 公共标题 -->
        <div class="common-top">
            <h3 class="fs24 common-title cf60 tindent1">今日 · 推荐</h3>
        </div>
        <!-- ul -->
        <div class="recommend-ul">
            <ul class="clearfix">
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="./page/product-list.html"><img src="./img/re-index1.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="cf42">全国联保 一年免费包换</p>
                    <p class="fs24 cf42">￥:299</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img src="./img/re-index1.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="cf42">全国联保 一年免费包换</p>
                    <p class="fs24 cf42">￥:299</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img src="./img/re-index1.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="cf42">全国联保 一年免费包换</p>
                    <p class="fs24 cf42">￥:299</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img src="./img/re-index1.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="cf42">全国联保 一年免费包换</p>
                    <p class="fs24 cf42">￥:299</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img src="./img/re-index1.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="cf42">全国联保 一年免费包换</p>
                    <p class="fs24 cf42">￥:299</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img src="./img/re-index1.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="cf42">全国联保 一年免费包换</p>
                    <p class="fs24 cf42">￥:299</p>
                </li>

                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img height="145px" src="./img/re-index2.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>小熊家用静音加湿器</p>
                    <p class="cf42">唯美外观 微米级喷雾</p>
                    <p class="fs24 cf42">￥:89</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img height="145px" src="./img/re-index2.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>小熊家用静音加湿器</p>
                    <p class="cf42">唯美外观 微米级喷雾</p>
                    <p class="fs24 cf42">￥:89</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img height="145px" src="./img/re-index2.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>小熊家用静音加湿器</p>
                    <p class="cf42">唯美外观 微米级喷雾</p>
                    <p class="fs24 cf42">￥:89</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img height="145px" src="./img/re-index2.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>小熊家用静音加湿器</p>
                    <p class="cf42">唯美外观 微米级喷雾</p>
                    <p class="fs24 cf42">￥:89</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img height="145px" src="./img/re-index2.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>小熊家用静音加湿器</p>
                    <p class="cf42">唯美外观 微米级喷雾</p>
                    <p class="fs24 cf42">￥:89</p>
                </li>
                <li class="recommend-li">
                    <div class="re-img">
                        <a href="#"><img height="145px" src="./img/re-index2.jpg" alt=""></a>
                    </div>
                    <img src="./img/re-tl.jpg" alt="">
                    <p>小熊家用静音加湿器</p>
                    <p class="cf42">唯美外观 微米级喷雾</p>
                    <p class="fs24 cf42">￥:89</p>
                </li>

            </ul>
        </div>
    </div>
    <!-- 4 图书 电子书 ebook -->
    <div id="book" class="book mt40 container clearfix floor">
        <!-- 公共标题 -->
        <div class="common-top clearfix" style="width: 909px;">
            <h3 class="fs28 common-title fl">图书 电子书</h3>
            <div class="fr">
                <ul class="clearfix">
                    <li class="common-titleli fl active">最新上架</li>
                    <li class="common-titleli fl">独家畅销</li>
                    <li class="common-titleli fl">电子书</li>
                </ul>
            </div>
        </div>
        <!-- 内容左 -->
        <div class="book-left content fl">
            <!-- 左左 -->
            <div class="bcontent-left fl bgcf9">
                <a href="#"><img src="./img/ebook (1).jpg" alt=""></a>
                <ul>
                    <li>
                        <a class="ebcontlf-a" href="#">中小学教辅</a>
                        <a class="ebcontlf-a" href="#">外语</a>
                        <a class="ebcontlf-a" href="#">考试</a>
                    </li>
                    <li>
                        <a class="ebcontlf-a" href="#">小说</a>
                        <a class="ebcontlf-a" href="#">文学</a>
                        <a class="ebcontlf-a" href="#">青春文学</a>
                    </li>
                    <li>
                        <a class="ebcontlf-a" href="#">成功\励志</a>
                        <a class="ebcontlf-a" href="#">管理</a>
                        <a class="ebcontlf-a" href="#">历史</a>
                    </li>
                    <li>
                        <a class="ebcontlf-a" href="#">哲学\宗教</a>
                        <a class="ebcontlf-a" href="#">亲子\家教</a>
                        <a class="ebcontlf-a" href="#">全部分类&gt;</a>
                    </li>
                </ul>
            </div>
            <div class="content-hiddan content-on clearfix">
                <!-- 左中 -->
                <div class="bcontent-middle fl">
                    <!-- 图书轮播图 -->
                    <div class="pptbox ebook-slider">
                        <!-- 图片的盒子 -->
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./img/ebook (4).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/ebook(5).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/slider (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/slider (3).jpg" />
                                </a>
                            </li>

                        </ul>
                        <!-- 下边的小圆圈 -->
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>

                        </ul>
                        <!-- 左右箭头 -->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                </div>
                <!-- 左右 -->
                <div class="bcontent-right fr clearfix">
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>

                </div>
            </div>
            <div class="content-hiddan clearfix">
                <!-- 左中 -->
                <div class="bcontent-middle fl">
                    <!-- 图书轮播图 -->
                    <div class="pptbox ebook-slider">
                        <!-- 图片的盒子 -->
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./img/ebook (4).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/ebook(5).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/slider (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/slider (3).jpg" />
                                </a>
                            </li>

                        </ul>
                        <!-- 下边的小圆圈 -->
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>

                        </ul>
                        <!-- 左右箭头 -->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运</p>
                        <p class="fs12 cf42">免费</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">免费</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                </div>
                <!-- 左右 -->
                <div class="bcontent-right fr clearfix">
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>

                </div>
            </div>
            <div class="content-hiddan clearfix">
                <!-- 左中 -->
                <div class="bcontent-middle fl">
                    <!-- 图书轮播图 -->
                    <div class="pptbox ebook-slider">
                        <!-- 图片的盒子 -->
                        <ul class="innerwrapper">
                            <li>
                                <a href="#">
                                    <img src="./img/ebook (4).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/ebook(5).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/slider (2).jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./img/slider (3).jpg" />
                                </a>
                            </li>

                        </ul>
                        <!-- 下边的小圆圈 -->
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>

                        </ul>
                        <!-- 左右箭头 -->
                        <span class="btnleft"></span>
                        <span class="btnright"></span>
                    </div>
                    <div class="ebook-list fl">
                        <p>狂欢</p>
                        <p class="fs12 cf42">免费110</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>狂欢</p>
                        <p class="fs12 cf42">免费110</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                </div>
                <!-- 左右 -->
                <div class="bcontent-right fr clearfix">
                    <div class="ebook-list fl">
                        <p>狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>
                    <div class="ebook-list fl">
                        <p>奥运狂欢</p>
                        <p class="fs12 cf42">10万种电子书 直降%40</p>
                        <div class="eblist-img"><a href="#"><img src="./img/ebook (3).jpg" alt=""></a></div>
                        <p class="fs18 cf42 mt10">￥49 <span class="tdl cfb3">￥79</span> </p>
                    </div>

                </div>
            </div>
        </div>
        <!-- 内容右 -->
        <div class="book-right fr">
            <h3 class="fs24 cf80 tacen fwn">新书畅销榜</h3>
            <ul>
                <li>
                    <span class="cf60">1</span>
                    <h4 class="active">就喜欢你看不惯我 又干不</h4>
                    <div class="clearfix on">
                        <a href="#"><img class="fl" src="./img/ebook (2).jpg" alt=""></a>
                        <p class="f12">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li>
                    <span class="cf60">2</span>
                    <h4>就喜欢你看不惯我 又干不</h4>
                    <div class="clearfix">
                        <a href="#"><img class="fl" src="./img/ebook (2).jpg" alt=""></a>
                        <p class="f12">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li>
                    <span class="cf60">3</span>
                    <h4>就喜欢你看不惯我 又干不</h4>
                    <div class="clearfix">
                        <a href="#"><img class="fl" src="./img/ebook (2).jpg" alt=""></a>
                        <p class="f12">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li>
                    <span>4</span>
                    <h4>就喜欢你看不惯我 又干不</h4>
                    <div class="clearfix">
                        <a href="#"><img class="fl" src="./img/ebook (2).jpg" alt=""></a>
                        <p class="f12">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li>
                    <span>5</span>
                    <h4>就喜欢你看不惯我 又干不</h4>
                    <div class="clearfix">
                        <a href="#"><img class="fl" src="./img/ebook (2).jpg" alt=""></a>
                        <p class="f12">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li>
                    <span>6</span>
                    <h4>就喜欢你看不惯我 又干不</h4>
                    <div class="clearfix">
                        <a href="#"><img class="fl" src="./img/ebook (2).jpg" alt=""></a>
                        <p class="f12">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <li>
                    <span>7</span>
                    <h4>就喜欢你看不惯我 又干不</h4>
                    <div class="clearfix">
                        <a href="#"><img class="fl" src="./img/ebook (2).jpg" alt=""></a>
                        <p class="f12">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 5 服装 clothing -->
    <div id="clothing" class="clothing mt40 container floor">
        <!-- 公共标题 -->
        <div class="common-top clearfix">
            <h3 class="fs28 common-title fl">服装</h3>
            <div class="fr">
                <ul class="clearfix">
                    <li class="common-titleli fl active">女装内衣</li>
                    <li class="common-titleli fl">热销男装</li>
                    <li class="common-titleli fl">精品鞋靴</li>
                </ul>
            </div>
        </div>
        <!-- 内容 -->
        <div class="content">
            <!-- 内容部分 左右 轮播 -->
            <div class="content-top clearfix">
                <!-- 左 -->
                <div class="content-left fl">
                    <a href="#"><img src="./img/colthing-left.jpg" alt=""></a>
                    <ul>
                        <li>
                            <a class="contlf-a" href="#">女包</a>
                            <a class="contlf-a" href="#">防晒品</a>
                            <a class="contlf-a" href="#">短裤</a>
                        </li>
                        <li>
                            <a class="contlf-a" href="#">冰丝内裤</a>
                            <a class="contlf-a" href="#">男包</a>
                            <a class="contlf-a" href="#">功能箱包</a>
                        </li>
                        <li>
                            <a class="contlf-a" href="#">蕾丝衬衫</a>
                            <a class="contlf-a" href="#">奢侈品</a>
                            <a class="contlf-a" href="#">男鞋</a>
                        </li>
                        <li>
                            <a class="contlf-a" href="#">女包</a>
                            <a class="contlf-a" href="#">女鞋</a>
                            <a class="contlf-a" href="#">全部分类&gt;</a>
                        </li>
                    </ul>
                </div>
                <div class="content-hiddan content-on">
                    <!-- 中 -->
                    <div class="content-middle fl">
                        <!-- 轮播图 -->
                        <div class="pptbox clothing-slider">
                            <!-- 图片的盒子 -->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/index10_05.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (1).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (3).jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <div><img src="./img/clothing-b.jpg" alt="">
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="content-right fr">
                        <ul class="clearfix contf-ul">
                            <li class="right-list fl hg340"><a href="#"><img src="./img/clothing-rt.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/nv1 (1).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/nv1 (2).jpg" alt=""></a></li>

                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content-hiddan">
                    <!-- 中 -->
                    <div class="content-middle fl">
                        <!-- 轮播图 -->
                        <div class="pptbox clothing-slider">
                            <!-- 图片的盒子 -->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/slider-n.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider-n (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (3).jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <div><img src="./img/clothing-b.jpg" alt="">
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="content-right fr">
                        <ul class="clearfix contf-ul">
                            <li class="right-list fl hg340"><a href="#"><img src="./img/n2.jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/n2 (1).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/n2 (2).jpg" alt=""></a></li>

                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content-hiddan">
                    <!-- 中 -->
                    <div class="content-middle fl">
                        <!-- 轮播图 -->
                        <div class="pptbox clothing-slider">
                            <!-- 图片的盒子 -->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/xie-slider (1).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/xie-slider (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/xie-slider (1).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (3).jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <div><img src="./img/clothing-b.jpg" alt="">
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="content-right fr">
                        <ul class="clearfix contf-ul">
                            <li class="right-list fl hg340"><a href="#"><img src="./img/xie1 (1).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/xie1 (2).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/xie1 (3).jpg" alt=""></a></li>

                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 内容底部 -->
            <div class="content-bottom clearfix">
                <a class="fl" href="#"><img src="./img/inlogo (1).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (2).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (3).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (4).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (5).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (6).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (7).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (8).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (9).jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 6 户外运动 sport -->
    <div id="sport" class="sport mt40 container floor">
        <!-- 公共标题 -->
        <div class="common-top clearfix">
            <h3 class="fs28 common-title fl">户外运动</h3>
            <div class="fr">
                <ul class="clearfix">
                    <li class="common-titleli fl active">国际名品</li>
                    <li class="common-titleli fl">户外装备</li>
                    <li class="common-titleli fl">运动潮流</li>
                </ul>
            </div>
        </div>
        <!-- 内容 -->
        <div class="content">
            <!-- 内容部分 左右 轮播 -->
            <div class="content-top clearfix">
                <!-- 左 -->
                <div class="content-left fl">
                    <a href="#"><img src="./img/sporta.jpg" alt=""></a>
                    <ul>
                        <li>
                            <a class="contlf-a" href="#">女包</a>
                            <a class="contlf-a" href="#">防晒品</a>
                            <a class="contlf-a" href="#">短裤</a>
                        </li>
                        <li>
                            <a class="contlf-a" href="#">冰丝内裤</a>
                            <a class="contlf-a" href="#">男包</a>
                            <a class="contlf-a" href="#">功能箱包</a>
                        </li>
                        <li>
                            <a class="contlf-a" href="#">蕾丝衬衫</a>
                            <a class="contlf-a" href="#">奢侈品</a>
                            <a class="contlf-a" href="#">男鞋</a>
                        </li>
                        <li>
                            <a class="contlf-a" href="#">女包</a>
                            <a class="contlf-a" href="#">女鞋</a>
                            <a class="contlf-a" href="#">全部分类&gt;</a>
                        </li>
                    </ul>
                </div>
                <div class="content-hiddan content-on">
                    <!-- 中 -->
                    <div class="content-middle fl">
                        <!-- 轮播图 -->
                        <div class="pptbox clothing-slider">
                            <!-- 图片的盒子 -->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/sport (1).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/sport (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/sport (3).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/sport (4).jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <div><img src="./img/clothing-b.jpg" alt="">
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="content-right fr">
                        <ul class="clearfix contf-ul">
                            <li class="right-list fl hg340"><a href="#"><img src="./img/clothing-rt.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/nv1 (1).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/nv1 (2).jpg" alt=""></a></li>

                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content-hiddan">
                    <!-- 中 -->
                    <div class="content-middle fl">
                        <!-- 轮播图 -->
                        <div class="pptbox clothing-slider">
                            <!-- 图片的盒子 -->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/slider-n.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider-n (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (3).jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <div><img src="./img/clothing-b.jpg" alt="">
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="content-right fr">
                        <ul class="clearfix contf-ul">
                            <li class="right-list fl hg340"><a href="#"><img src="./img/n2.jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/n2 (1).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/n2 (2).jpg" alt=""></a></li>

                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content-hiddan">
                    <!-- 中 -->
                    <div class="content-middle fl">
                        <!-- 轮播图 -->
                        <div class="pptbox clothing-slider">
                            <!-- 图片的盒子 -->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/xie-slider (1).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/xie-slider (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/xie-slider (1).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (3).jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <div><img src="./img/clothing-b.jpg" alt="">
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="content-right fr">
                        <ul class="clearfix contf-ul">
                            <li class="right-list fl hg340"><a href="#"><img src="./img/xie1 (1).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/xie1 (2).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/xie1 (3).jpg" alt=""></a></li>

                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 内容底部 -->
            <div class="content-bottom clearfix">
                <a class="fl" href="#"><img src="./img/inlogo (1).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (2).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (3).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (4).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (5).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (6).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (7).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (8).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (9).jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 7 童装 children -->
    <div id="children" class="children mt40 container floor">
        <!-- 公共标题 -->
        <div class="common-top clearfix">
            <h3 class="fs28 common-title fl">童装 童鞋 婴儿装</h3>
            <div class="fr">
                <ul class="clearfix">
                    <li class="common-titleli fl active">儿童服装</li>
                    <li class="common-titleli fl">婴儿装</li>
                    <li class="common-titleli fl">小超童鞋</li>
                </ul>
            </div>
        </div>
        <!-- 内容 -->
        <div class="content">
            <!-- 内容部分 左右 轮播 -->
            <div class="content-top clearfix">
                <!-- 左 -->
                <div class="content-left fl">
                    <a href="#"><img src="./img/chid.jpg" alt=""></a>
                    <ul>
                        <li>
                            <a class="contlf-a" href="#">女包</a>
                            <a class="contlf-a" href="#">防晒品</a>
                            <a class="contlf-a" href="#">短裤</a>
                        </li>
                        <li>
                            <a class="contlf-a" href="#">冰丝内裤</a>
                            <a class="contlf-a" href="#">男包</a>
                            <a class="contlf-a" href="#">功能箱包</a>
                        </li>
                        <li>
                            <a class="contlf-a" href="#">蕾丝衬衫</a>
                            <a class="contlf-a" href="#">奢侈品</a>
                            <a class="contlf-a" href="#">男鞋</a>
                        </li>
                        <li>
                            <a class="contlf-a" href="#">女包</a>
                            <a class="contlf-a" href="#">女鞋</a>
                            <a class="contlf-a" href="#">全部分类&gt;</a>
                        </li>
                    </ul>
                </div>
                <div class="content-hiddan content-on">
                    <!-- 中 -->
                    <div class="content-middle fl">
                        <!-- 轮播图 -->
                        <div class="pptbox clothing-slider">
                            <!-- 图片的盒子 -->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/children-slider (1).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/children-slider (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/children-slider (3).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/children-slider (4).jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <div><img src="./img/clothing-b.jpg" alt="">
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="content-right fr">
                        <ul class="clearfix contf-ul">
                            <li class="right-list fl hg340"><a href="#"><img src="./img/chlider (1).jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/chlider (1).png" alt=""></a>
                            </li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/chlider (2).jpg" alt=""></a>
                            </li>

                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content-hiddan">
                    <!-- 中 -->
                    <div class="content-middle fl">
                        <!-- 轮播图 -->
                        <div class="pptbox clothing-slider">
                            <!-- 图片的盒子 -->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/slider-n.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider-n (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (3).jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <div><img src="./img/clothing-b.jpg" alt="">
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="content-right fr">
                        <ul class="clearfix contf-ul">
                            <li class="right-list fl hg340"><a href="#"><img src="./img/n2.jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/n2 (1).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/n2 (2).jpg" alt=""></a></li>

                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content-hiddan">
                    <!-- 中 -->
                    <div class="content-middle fl">
                        <!-- 轮播图 -->
                        <div class="pptbox clothing-slider">
                            <!-- 图片的盒子 -->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="./img/xie-slider (1).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/xie-slider (2).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/xie-slider (1).jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="./img/slider (3).jpg" />
                                    </a>
                                </li>

                            </ul>
                            <!-- 下边的小圆圈 -->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>

                            </ul>
                            <!-- 左右箭头 -->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <div><img src="./img/clothing-b.jpg" alt="">
                        </div>
                    </div>
                    <!-- 右 -->
                    <div class="content-right fr">
                        <ul class="clearfix contf-ul">
                            <li class="right-list fl hg340"><a href="#"><img src="./img/xie1 (1).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/xie1 (2).jpg" alt=""></a></li>
                            <li class="right-list fl hg340"><a href="#"><img src="./img/xie1 (3).jpg" alt=""></a></li>

                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                            <li class="right-list fl hg160"><a href="#"><img src="./img/colthing-rb.jpg" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 内容底部 -->
            <div class="content-bottom clearfix">
                <a class="fl" href="#"><img src="./img/inlogo (1).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (2).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (3).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (4).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (5).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (6).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (7).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (8).jpg" alt=""></a>
                <a class="fl" href="#"><img src="./img/inlogo (9).jpg" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 8 家居日用 -->
    <div id="house" class="house mt40 container floor">
        <!-- 公共标题 -->
        <div class="common-top clearfix">
            <h3 class="fs28 common-title fl">家居日用</h3>          
        </div>
        <!-- 内容 content -->
        <div class="house-content clearfix">
            <div class="house-left fl">
                <a href="#"><img src="./img/house (1).jpg" alt=""></a>
            </div>
            <div class="house-right clearfix fl">
                <ul class="clearfix">
                    <li class="house-list hg340 fl"><a href="#"><img src="./img/house (2).jpg" alt=""></a></li>
                    <li class="house-list hg340 fl"><a href="#"><img src="./img/house (2).jpg" alt=""></a></li>
                    <li class="house-list hg340 fl"><a href="#"><img src="./img/house (2).jpg" alt=""></a></li>
                    <li class="house-list hg340 fl"><a href="#"><img src="./img/house (2).jpg" alt=""></a></li>

                    <li class="house-list hg160 fl"><a href="#"><img src="./img/house (3).jpg" alt=""></a></li>
                    <li class="house-list hg160 fl"><a href="#"><img src="./img/house (3).jpg" alt=""></a></li>
                    <li class="house-list hg160 fl"><a href="#"><img src="./img/house (3).jpg" alt=""></a></li>
                    <li class="house-list hg160 fl"><a href="#"><img src="./img/house (3).jpg" alt=""></a></li>

                </ul>
            </div>
        </div>
    </div>
    <!-- 9 推荐 -->
	<div id="reco-goods" class="reco-goods mt40 container">
		<!-- 公共标题 -->
        <div class="common-top clearfix">
            <h3 class="fs28 common-title fl">推广商品</h3>
            <div class="fr">
                <ul class="clearfix">
                    <li class="reg-titleli fl active"></li>
                    <li class="reg-titleli fl"></li>
                </ul>
            </div>
        </div>
        <!-- 内容 -->
        <div class="re-content reon">
            <ul class="clearfix">
                <li class="reconten-list fl">
                    <a href="./page/product-list.html"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="./page/product-list.html"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                
            </ul>
        </div>

        <div class="re-content">
            <ul class="clearfix">
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                <li class="reconten-list fl">
                    <a href="#"><img src="./img/sp2.jpg" alt=""></a>
                    <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                    <p class="fs24 cf60">￥:189</p>
                    <p><img src="./img/sp1.jpg" alt="">已有 <span class="cf42">988</span> 条评价</p>
                </li>
                
            </ul>
        </div>
	</div>
    <!-- 10 楼层导航 -->
    <ul class="floor-nav">
        <li class="nav-item bg1 pr">
            <p class="nav-p bgnav1">图书</p>
        </li>
        <li class="nav-item bg2 pr">
            <p class="nav-p bgnav2">衣服</p>
        </li>
        <li class="nav-item bg3 pr">
            <p class="nav-p bgnav3">运动</p>
        </li>
        <li class="nav-item bg4 pr">
            <p class="nav-p bgnav4">童装</p>
        </li>
        <li class="nav-item bg5 pr">
            <p class="nav-p bgnav5">家居</p>
        </li>
        
    </ul>
    <!-- 回到顶部 -->
    <div class="gototop"><img src="./img/top.jpg" alt=""></div>
    <!-- 领劵 -->
    <div class="collect">
        <img src="./img/collect (3).jpg" alt="">
        <div class="collect-im"><img src="./img/collect (1).jpg" alt=""></div>
        <span class="collect-img"><img src="./img/collect (4).jpg" alt=""></span>
        <img src="./img/collect (2).jpg" alt="">
    </div>
    <!-- 尾部 footer -->
    <div id="footer" class="footer">
        <div class="foot-top container-fluid">
            <div class="foot-pic">
                <a href="#"><img src="./img/foot1.png" alt=""></a>
                <a href="#"><img src="./img/foot2.png" alt=""></a>
                <a href="#"><img src="./img/foot3.png" alt=""></a>
                <a href="#"><img src="./img/foot4.png" alt=""></a>
            </div>
        </div>
        <div class="foot-nav pr">
            <div class="foot-sort">
                <p class="foot-title">购物指南</p>
                <ul>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">服务协议</a></li>
                    <li><a href="#">会员优惠</a></li>
                </ul>
            </div>
            <div class="foot-sort">
                <p class="foot-title">支付方式</p>
                <ul>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">网上支付</a></li>
                    <li><a href="#">礼品卡支付</a></li>
                    <li><a href="#">银行转账</a></li>
                </ul>
            </div>
            <div class="foot-sort">
                <p class="foot-title">订单服务</p>
                <ul>
                    <li><a href="#">订单配送查询</a></li>
                    <li><a href="#">订单状态说明</a></li>
                    <li><a href="#">自助取消订单</a></li>
                    <li><a href="#">自助修改订单</a></li>
                </ul>
            </div>
            <div class="foot-sort">
                <p class="foot-title">退换货</p>
                <ul>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">自助申请退换货</a></li>
                    <li><a href="#">退换货进度查询</a></li>
                    <li><a href="#">退款方式和时间</a></li>
                </ul>
            </div>
            <div class="foot-sort">
                <p class="foot-title">商家服务</p>
                <ul>
                    <li><a href="#">商家中心</a></li>
                    <li><a href="#">运营服务</a></li>
                    <li><a href="#">加入尾品会</a></li>
                </ul>
            </div>
            <a class="foot-login" href="#"><img src="./img/logo_foot.png" alt=""></a>
        </div>
        <div class="foot-navlink container" style="height: 20px;">
            <a class="foot-alink" href="#">公司简介</a><span>|</span>
            <a class="foot-alink" href="#">Investor Relations</a><span>|</span>
            <a class="foot-alink" href="#">网站联盟</a><span>|</span>
            <a class="foot-alink" href="#">乐购招商</a><span>|</span>
            <a class="foot-alink" href="#">机构销售</a><span>|</span>
            <a class="foot-alink" href="#">手机乐购</a><span>|</span>
            <a class="foot-alink" href="#">官方Blog</a><span>|</span>
            <a class="foot-alink" href="#">热词搜索</a><span>|</span>
        </div>
        <p class="foot-edition">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>
    <!-- 引入轮播插件  注意要先引入jQuery库-->
    <script src="./lib/plugins/slider/lib/jquery.min.js"></script>
    <script src="./lib/plugins/slider/lib/jquery.slidebox.js"></script>
    <!-- 引入当前文件的js -->
    <script src="./js/index.js"></script>
    <script src="./lib/slider/js/index.js"></script>
</body>

</html>